<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.box{
			margin:auto;
			width: 150px;
			border:1px solid #e5e5e5;
			font-family: "微软雅黑";
			font-size: 13px;
		}
		li{
			list-style: none;
			line-height: 30px;
			margin-left: -8px;
			/*cursor:pointer;*/
		}
		li img{
			width: 25px;
			vertical-align:middle;
			margin-right:10px;
		}
		span{
			color: #e5e5e5;
			margin-left: 10px;
			margin-right: 10px;
		}
		.clip{
			position: absolute;
			clip:rect(0px,0px,40px,40px);
		}
	</style>
</head>
<body>
	<ul class="box">
		<li><img src="img/dianshi.png">电视剧<span>|</span>综艺</li>
		<li><img src="img/dianying.png">电影<span>|</span>动漫</li>
		<li><img src="img/youxi.png">网游<span>|</span>游戏</li>
		<li><img src="img/gouwu.png">购物<span>|</span>9块9</li>
		<li><img src="img/feiji.png">机票<span>|</span>火车票</li>
	</ul>
	<img class="clip" src="img/1.jpg">

</body>
</html>